<template>
    <div class="app-container">
        <el-button type="text" class="top-control">全部已读</el-button>
        <el-card class="box-card" v-for="o in 4" :key="o">
            <div  class="text item">
                {{ '列表内容 ' + o }}
            </div>
        </el-card>
        <pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
            @pagination="getList" />
    </div>
</template>
<script>
export default {
  data() {
    return {
      queryParams: {
        pageNum: 1,
        pageSize: 20,
      },
    };
  },
};
</script>
<style lang="scss" scoped>
.app-container {
    .top-control{
        width: 100%;
        text-align: right;
        margin-bottom: 15px;
    }
    .box-card{
        margin-bottom: 20px;
        cursor: pointer;
    }
}
</style>
